<script setup>
import { ref } from "vue";
const list = ref([
	{
		dictDto: {
			content: "伤造口专科介绍",
		},
		projectDtos: [
			{
				projectIcon: "https://oss.dingdongdr.com/dingdong/images/f7d7dcbf-7d15-4232-8ca6-9f359f8dd8db.png",
			},
		],
	},
]);
</script>

<template>
	<van-index-bar highlight-color="#333333" :index-list="[]">
		<div v-for="item in list" :key="item">
			<van-index-anchor :index="item.dictDto.content" />
			<img
				class="m-[10px] h-[76px] w-[76px]"
				:src="obj.projectIcon"
				alt=""
				v-for="obj in item.projectDtos"
				:key="obj"
			/>
		</div>
	</van-index-bar>
</template>

<style>
.van-index-bar {
	background: #ffffff;
	height: 100vh;
	.van-index-anchor--sticky {
		background: transparent;
		font-size: 16px;
		margin: 6px 0 0 -5px;
	}
	.van-hairline--bottom::after {
		border: none !important;
	}
}
</style>
